<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	<script src="js/d3.v4.min.js"></script>
	</head>
	<body>
		<p>Apple</p> 
		<p id="p2" class="ps">Pear</p> 
		<p class="ps">Banana</p> 
	</body>
	<script>
	var body=d3.select("body")
	// 表示查找页面中的第一个p标签
	var p=body.select("p");
	p.style("color","red");
	// 根据id进行定位元素，查找第二个p标签
	var p2=body.select("#p2");
	p2.style("color","blue");
	// 根据class进行定位元素，找到后面两个p标记
	var ps=body.selectAll(".ps");
	ps.style("font-size","22px")
	// 在元素末尾添加一个元素
	var p4=body.append("p")
	p4.text("使用append方法添加的元素")
	// 使用insert在指定元素前面进行添加元素
	body.insert("p","#p2").text("使用insert进行添加的元素")
	// 移除指定的元素
	p2.remove()
	
	
	</script>
</html>
